﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script type="text/javascript">
        /**********判断是否加载jquey***************/
        window.jQuery || document.write('<script src="../Script/jquery/jquery-1.4.1.min-vsdoc.js" type="text/javascript"><\/script>');
    </script>

    <link href="../Style/Base.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        /*顶部的图片ul*/#header
        {
            width: 1004px;
            padding-bottom: 10px;
            float: left;
        }
        #header #storeNav
        {
            padding: 3px 0 0 0;
            overflow: auto;
        }
        #header #storeNav ul li
        {
            height: 31px;
            float: left;
            margin-right: 6px;
        }
        #header #storeNav ul li a
        {
            height: 31px;
            background: url('../Images/shop/tabs_sprite3.png') no-repeat 0 0;
            display: block;
        }
        #header #storeNav ul li.og a
        {
            width: 55px;
            background-position: 0 0;
        }
        #header #storeNav ul li.Nike a
        {
            width: 153px;
            background-position: -59px 0;
        }
        #header #storeNav ul li.TaylorMade a
        {
            width: 240px;
            background-position: -216px 0;
        }
        #header #storeNav ul li.Mizuno a
        {
            width: 127px;
            background-position: -460px 0;
        }
        #header #storeNav ul li.og a.on, #header #storeNav ul li.og a:hover
        {
            background-position: 0 -31px;
        }
        #header #storeNav ul li.Nike a.on, #header #storeNav ul li.Nike a:hover
        {
            background-position: -59px -31px;
        }
        #header #storeNav ul li.TaylorMade a.on, #header #storeNav ul li.TaylorMade a:hover
        {
            background-position: -216px -31px;
        }
        #header #storeNav ul li.Mizuno a.on, #header #storeNav ul li.Mizuno a:hover
        {
            background-position: -460px -31px;
        }
        #header #miniBasket
        {
            width: 258px;
            height: 38px;
            padding: 7px 0 0 65px;
            margin-top: 12px;
            float: right;
            background: url('../Images/grey-basket.png') no-repeat 3px 0;
            color: White;
        }
        #header #miniBasket span.lbl
        {
            float: left;
            font-size: .7em;
            margin: 0 4px 0 0;
            vertical-align: top;
        }
        #header #miniBasket span.qty
        {
            float: left;
            font-size: .75em;
            margin-right: 12px;
            font-weight: bold;
            color: #89bc05;
        }
        #header #miniBasket a.btn_viewBasket
        {
            margin: 3px 0 0 0;
            float: left;
        }
        #header #expCheck
        {
            width: 293px;
            height: 73px;
            float: right;
            background: url('../Images/headerimg.png') no-repeat 0 0;
        }
    </style>
    <style type="text/css">
        a.brandLogo
        {
            width: 298px;
            background: url(../Images/nike/nike-logo.png) no-repeat 0 0;
        }
        #header a.brandLogo
        {
            display: block;
            float: left;
            height: 0;
            padding-top: 72px;
            overflow: hidden;
        }
        #header a.logo
        {
            background: url(../Images/nike/logo-on-black.png) no-repeat 0 0;
            width: 182px;
            height: 72px;
            margin-right: 50px;
            display: block;
            float: left;
        }
        #header .navigation
        {
            clear: both;
            height: 34px;
            position: relative;
        }
        #header .navigation ul.topLevel li
        {
            padding: 0;
            float: left;
            border-right: 1px solid #ccc;
            position: relative;
            cursor: pointer;
        }
        #header .navigation ul.topLevel li
        {
            border-right: none;
            background: url(../images/shop/top-level-seperator.gif) no-repeat right;
            border: none;
        }
        #header .navigation ul.topLevel li a
        {
            margin: 0 2px;
            padding-right: 7px;
            letter-spacing: normal;
            color: #fff;
        }
        #header .navigation ul.topLevel li a strong
        {
            padding-left: 9px;
        }
        #header .navigation ul.topLevel li a:hover
        {
            color: #fff;
            text-decoration: underline;
        }
        #header .navigation ul.topLevel li.home
        {
            margin: 5px 0 0 0;
            background: none;
        }
        #header .navigation ul.topLevel li.home a
        {
            width: 28px;
            height: 27px;
            padding: 0;
            display: block;
            float: left;
            background: url(../images/nike/nike-tick.png) no-repeat 0 4px;
        }
        #header .navigation ul.topLevel li .subMenuContainer
        {
            width: 471px;
            position: absolute;
            border-bottom: 1px solid #000;
            background: none;
            top: 20px;
            left: 11px;
        }
        #header .navigation ul.topLevel li .subMenuContainer .bgTop
        {
            width: 468px;
            height: 60px;
            background: url('../Images/shop/expandedmenuleft.png') no-repeat 0 0;
        }
        #header .navigation ul.topLevel li .subMenuContainer .content
        {
            padding: 7px 15px 20px;
            overflow: auto;
            background: url('../Images/shop/expandedmenuleft.png') no-repeat 0 bottom;
        }
        #header .navigation ul.topLevel li .subMenuContainer .content ul.subNav li a
        {
            color: #fff;
        }
        #header .navigation ul.topLevel li .subMenuContainer .content ul.subNav li a:hover
        {
            background: #fff;
            color: #4c4c4c;
        }
        #header .navigation ul.topLevel li .subMenuContainer .content ul.subNav
        {
            width: 188px;
        }
        #header .navigation ul.topLevel li .subMenuContainer .content ul.subNav li
        {
            clear: left;
            margin-top: 8px;
            padding-left: 4px;
            float: left;
            border: 0px;
            background: none;
            width: 90%;
            line-height: 30px;
        }
        #header .navigation ul.topLevel li .subMenuContainer .content ul.subNav li a
        {
            padding-left: 12px;
            float: none;
            font-size: 12px;
            letter-spacing: 0;
            color: #000;
            background: url('../Images/bulletgreysmall.gif') no-repeat 0 center;
            border: 0px;
            display: block;
        }
        #header .navigation ul.topLevel li .subMenuContainer .content .catContainer ul.subNav li
        {
            margin-left: 8px;
        }
        #header .navigation ul.topLevel li .subMenuContainer .content .catContainer ul.subNav li a
        {
            padding-left: 0;
            background-image: none;
            text-indent: 10px;
            font-weight: bold;
        }
        #header .navigation ul.topLevel li .subMenuContainer .content ul.right
        {
            width: 188px;
            margin-left: 46px;
            position: absolute;
            top: 70px;
            right: 0px;
        }
    </style>
    <style type="text/css">
        ul.oe_menu
        {
            list-style: none;
            position: relative;
            width: 241px;
            float: left;
            clear: both;
            top: 0px;
            left: 0px;
        }
        ul.oe_menu > li
        {
            width: 112px;
            padding-bottom: 2px;
            float: left;
            position: relative;
        }
        ul.oe_menu > li > a
        {
            display: block;
            background-color: #101010;
            color: #aaa;
            text-decoration: none;
            font-weight: bold;
            font-size: 12px;
            width: 90px;
            padding: 10px;
            margin: 1px;
            text-shadow: 0px 0px 1px #000;
            opacity: 0.8;
        }
        ul.oe_menu div
        {
            position: absolute;
            left: 1px;
            background: #fff;
            width: 498px;
            height: 180px;
            padding: 30px;
            display: none;
        }
    </style>
    
    
</head>
<body style="background-color: Black;">
    <div style="width: 1004px; margin: 0px auto; background-color: White; background: url(../Images/nike/body-grid-overlay.png) repeat-x 0 0!important;">
        <div id="header">
            <div class="navigation">
                <div id="topNav">
                    <ul class="topLevel" id="topLevel">
                        <li class="home"><a href="header.htm" title=""></a></li>
                        <li class="txtHome"><a href="header.htm" title="Home"><strong>Home</strong></a></li>
                        <li class=" Golf-Clubs">
                            <div class="subMenuContainer" style="display: none;">
                                <div class="bgTop">
                                </div>
                                <div class="content">
                                    <ul class="subNav">
                                        <li class=" Sets-of-Ir"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Golf-Clubs/Sets-of-Irons/sc1500.aspx"
                                            title="Sets of Irons">Sets of Irons</a> </li>
                                        <li class=" Drivers"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Golf-Clubs/Drivers/sc1284.aspx"
                                            title="Drivers">Drivers</a> </li>
                                        <li class=" Fairway-Wo"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Golf-Clubs/Fairway-Woods/sc1285.aspx"
                                            title="Fairway Woods">Fairway Woods</a> </li>
                                        <li class=" Hybrid-Gol"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Golf-Clubs/Hybrid-Golf-Clubs/sc1501.aspx"
                                            title="Hybrid Golf Clubs">Hybrid Golf Clubs</a> </li>
                                        <li class=" Wedges"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Golf-Clubs/Wedges/sc1286.aspx"
                                            title="Wedges">Wedges</a> </li>
                                        <li class=" Putters"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Golf-Clubs/Putters/sc1289.aspx"
                                            title="Putters">Putters</a> </li>
                                        <li class=" Golf-Packa"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Golf-Clubs/Golf-Package-Sets/sc1502.aspx"
                                            title="Golf Package Sets">Golf Package Sets</a> </li>
                                        <li class=" Second-Han"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Golf-Clubs/Second-Hand-Golf-Clubs/sc1503.aspx"
                                            title="Second Hand Golf Clubs">Second Hand Golf Clubs</a> </li>
                                        <li class=" Single-Iro"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Golf-Clubs/Single-Irons/sc1506.aspx"
                                            title="Single Irons">Single Irons</a> </li>
                                    </ul>
                                    <ul class="subNav right">
                                        <li class=" Victory-Re"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Victory-Red/ssr2112.aspx"
                                            title="Victory Red">Victory Red</a> </li>
                                        <li class=" VR_S"><a href="http://www.onlinegolf.co.uk/Nike-Shop/VR_S/ssr6011.aspx"
                                            title="VR_S">VR_S</a> </li>
                                        <li class=" Machspeed"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Machspeed/ssr2113.aspx"
                                            title="Machspeed">Machspeed</a> </li>
                                        <li class=" Method"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Method/ssr2117.aspx"
                                            title="Method">Method</a> </li>
                                        <li class=" Geometry-I"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Geometry-In-Clubs/ssr2114.aspx"
                                            title="Geometry In Clubs">Geometry In Clubs</a> </li>
                                        <li class=" Scoring-Zo"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Scoring-Zone/ssr2118.aspx"
                                            title="Scoring Zone">Scoring Zone</a> </li>
                                        <li class=" Women"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Women/ssr2119.aspx"
                                            title="Women">Women</a> </li>
                                        <li class=" Kids"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Kids/ssr2120.aspx"
                                            title="Kids">Kids</a> </li>
                                        <li class="last Slingshot"><a href="http://www.onlinegolf.co.uk/Nike-Shop/Slingshot/ssr6012.aspx"
                                            title="Slingshot">Slingshot</a> </li>
                                    </ul>
                                </div>
                            </div>
                            <a href="Shop.aspx" title="Golf Clubs"><strong>Golf Clubs</strong></a> </li>
                        <li class=" Golf-Cloth"><a href="Shop.aspx" title="Golf Clothing"><strong>Golf Clothing</strong></a>
                        </li>
                        <li class=" Golf-Balls"><a href="Shop.aspx" title="Golf Balls"><strong>Golf Balls</strong></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="oe_wrapper">
        <div id="oe_overlay" class="oe_overlay">
        </div>
        <ul id="oe_menu" class="oe_menu">
            <li><a href="">Collections</a>
                <div style="width: 200px;">
                </div>
            </li>
            <li><a href="">Projects</a>
                <div style="left: -111px; background-color: Background;">
                </div>
            </li>
        </ul>
    </div>
</body>
</html>

<script src="../Script/common/cufon-yui.js" type="text/javascript"></script>

<script type="text/javascript">
    $(function() {
        var $oe_menu = $('#oe_menu'); //
        var $oe_menu_items = $oe_menu.children('li');
        var $oe_overlay = $('#oe_overlay'); //遮罩层id

        $oe_menu_items.bind('mouseenter', function() {
            var $this = $(this);
            $this.addClass('slided selected');
            $this.children('div').css('z-index', '9999').stop(true, true).slideDown(200, function() {
                $oe_menu_items.not('.slided').children('div').hide();
                $this.removeClass('slided');
            });
        }).bind('mouseleave', function() {
            var $this = $(this);
            $this.removeClass('selected').children('div').css('z-index', '1');
        });

        $oe_menu.bind('mouseenter', function() {
            var $this = $(this);
            $oe_overlay.stop(true, true).fadeTo(200, 0.6);
            $this.addClass('hovered');
        }).bind('mouseleave', function() {
            var $this = $(this);
            $this.removeClass('hovered');
            $oe_overlay.stop(true, true).fadeTo(200, 0);
            $oe_menu_items.children('div').hide();
        })
    });
</script>

<script type="text/javascript">
    $(function() {
        var $oe_menu = $('#topLevel'); //
        var $oe_menu_items = $oe_menu.children('li');
        var $oe_overlay = $('#oe_overlay'); //遮罩层id

        $oe_menu_items.bind('mouseenter', function() {
            var $this = $(this);
            $this.addClass('slided selected');
            $this.children('div').css('z-index', '9999').stop(true, true).slideDown(200, function() {
                $oe_menu_items.not('.slided').children('div').hide();
                $this.removeClass('slided');
            });
        }).bind('mouseleave', function() {
            var $this = $(this);
            $this.removeClass('selected').children('div').css('z-index', '1');
        });

        $oe_menu.bind('mouseenter', function() {
            var $this = $(this);
            $this.addClass('hovered');
        }).bind('mouseleave', function() {
            var $this = $(this);
            $this.removeClass('hovered');
            $oe_overlay.stop(true, true).fadeTo(200, 0);
            $oe_menu_items.children('div').hide();
        })
    });
</script>

